import React from "react";
import { Tabbar } from "react-vant";
import { LikeO, WapHomeO, Search, CouponO,ManagerO, } from "@react-vant/icons";
import { useNavigate } from "react-router-dom";
function Tabber() {
    
    const navigate = useNavigate();
  return (
    <div>
      <div className="demo-tabbar">
        <Tabbar>
          <Tabbar.Item icon={<WapHomeO  />} onClick={() => navigate("/")}>首页</Tabbar.Item>
          <Tabbar.Item icon={<Search  />}>搜索</Tabbar.Item>
          <Tabbar.Item icon={<LikeO  />}>关注</Tabbar.Item>
          <Tabbar.Item icon={<CouponO  />} onClick={() => navigate("/piao")}>票务</Tabbar.Item>
          <Tabbar.Item icon={<ManagerO  />} onClick={() => navigate("/wo")}>我的</Tabbar.Item>
        </Tabbar>
      </div>
    </div>
  );
}

export default Tabber;
